// wxp&hmh
$(function () {

        let midboxes = $(".mid_box");

        for(let i = 0;i < midboxes.length;i++){
            let ctn = midboxes.eq(i).find('.author-content');
            ctn.append(
                $("<div/>").attr('class','author-head').append(
                    $('<div/>').attr('class','author-head-left').append(
                        $('<div/>').attr('class','author-head-toux').append(
                            $('<a/>').attr("href","#").append(
                                $('<img/>').attr('src','img/content/hide/' + hideContentJson[i].head)
                            )
                        )
                        ,$('<div/>').attr('class','author-head-mingc').append(
                            $('<div/>').attr('class','author-head-mingc—title').append(
                                $('<a/>').attr("href","#").html(hideContentJson[i].titl)
                            )
                            ,$('<div/>').attr('class','author-head-mingc-jj').append(
                                hideContentJson[i].subtitle
                            )
                        )
                    )
                    ,$("<div/>").attr('class','author-head-right').append(
                        $('<input/>').attr("type","button").attr("value","关注")
                    )
                )
                ,$("<div/>").attr('class','author-mid').append(
                    $('<a/>').attr("href","#").append(
                        $('<img/>').attr('src','img/content/hide/' + hideContentJson[i].img1)
                    )
                    ,$('<a/>').attr("href","#").append(
                        $('<img/>').attr('src','img/content/hide/' + hideContentJson[i].img2)
                    )
                    ,$('<a/>').attr("href","#").append(
                        $('<img/>').attr('src','img/content/hide/' + hideContentJson[i].img3)
                    )
                )
                ,$("<div/>").attr('class','auhhor-foot').append(
                    $('<a/>').attr("href","#").append(
                        $("<i/>").addClass("fa fa-free-code-camp").attr("aria-hidden","true"),
                        hideContentJson[i].hot
                    ) 
                    ,$('<a/>').attr("href","#").append(
                        $("<i/>").addClass("fa fa-picture-o").attr("aria-hidden","true"),
                        hideContentJson[i].imgCount
                        )
                    ,$('<a/>').attr("href","#").append(
                        $("<i/>").addClass("fa fa-user-o").attr("aria-hidden","true"),
                        hideContentJson[i].fans
                        )
                )

            )
        }
    //相当于window.onload
});

var hideContentJson =
[
    {
        "head": "0315a3659c8deaea8012053f859e5b1.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "titl": "墨稀先生",
        "subtitle": "成都|泡面设计师",
        "img1": "01d19f5e096ae5a80120a895470351.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "img2": "3.jpg",
        "img3": "4.jpg",
        "hot": 77025,
        "imgCount": 6,
        "fans": 452
    },
    {
        "head": "2.jpg",
        "titl": "美潮文化",
        "subtitle": "苏州|广告营销|文化娱乐",
        "img": ["hide_1.jpg", "hide_2.jpg", "hide_3.jpg"],
        "hot": 9459,
        "imgCount": 1,
        "fans": 235
    },
    {
        "head": "0315a3659c8deaea8012053f859e5b1.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "titl": "墨稀先生",
        "subtitle": "成都|泡面设计师",
        "img1": "01d19f5e096ae5a80120a895470351.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "img2": "3.jpg",
        "img3": "4.jpg",
        "hot": 77025,
        "imgCount": 6,
        "fans": 452
    },
    {
        "head": "0315a3659c8deaea8012053f859e5b1.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "titl": "墨稀先生",
        "subtitle": "成都|泡面设计师",
        "img1": "01d19f5e096ae5a80120a895470351.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "img2": "3.jpg",
        "img3": "4.jpg",
        "hot": 77025,
        "imgCount": 6,
        "fans": 452
    },
    {
        "head": "0315a3659c8deaea8012053f859e5b1.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "titl": "墨稀先生",
        "subtitle": "成都|泡面设计师",
        "img1": "01d19f5e096ae5a80120a895470351.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "img2": "3.jpg",
        "img3": "4.jpg",
        "hot": 77025,
        "imgCount": 6,
        "fans": 452
    },
    {
        "head": "0315a3659c8deaea8012053f859e5b1.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "titl": "墨稀先生",
        "subtitle": "成都|泡面设计师",
        "img1": "01d19f5e096ae5a80120a895470351.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "img2": "3.jpg",
        "img3": "4.jpg",
        "hot": 77025,
        "imgCount": 6,
        "fans": 452
    },
    {
        "head": "0315a3659c8deaea8012053f859e5b1.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "titl": "墨稀先生",
        "subtitle": "成都|泡面设计师",
        "img1": "01d19f5e096ae5a80120a895470351.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "img2": "3.jpg",
        "img3": "4.jpg",
        "hot": 77025,
        "imgCount": 6,
        "fans": 452
    },
    {
        "head": "0315a3659c8deaea8012053f859e5b1.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "titl": "墨稀先生",
        "subtitle": "成都|泡面设计师",
        "img1": "01d19f5e096ae5a80120a895470351.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "img2": "3.jpg",
        "img3": "4.jpg",
        "hot": 77025,
        "imgCount": 6,
        "fans": 452
    },
    {
        "head": "0315a3659c8deaea8012053f859e5b1.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "titl": "墨稀先生",
        "subtitle": "成都|泡面设计师",
        "img1": "01d19f5e096ae5a80120a895470351.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "img2": "3.jpg",
        "img3": "4.jpg",
        "hot": 77025,
        "imgCount": 6,
        "fans": 452
    },
    {
        "head": "0315a3659c8deaea8012053f859e5b1.jpg@80w_80h_1c_1e_1o_100sh.jpg",
        "titl": "墨稀先生",
        "subtitle": "成都|泡面设计师",
        "img1": "01d19f5e096ae5a80120a895470351.jpg@260w_195h_1c_1e_1o_100sh.jpg",
        "img2": "3.jpg",
        "img3": "4.jpg",
        "hot": 77025,
        "imgCount": 6,
        "fans": 452
    }
]